﻿@using RuoVea.ExUtil
@using RuoVea.Tool.Model
@{
    ViewData["Title"] = "工具首页";
    var host = Appsettings.app("BaseFile:HostUrl");
    var imageUrl = Appsettings.app("BaseFile:ImageUrl");
    Layout = "_mayout";

    //List<dynamic> advData{
    //    get{
    //        try
    //        {
    //            string apiUrl = "https://www.ruovea.com/adv.json";
    //            HttpClient client = new HttpClient();
    //            var content = client.GetStringAsync(apiUrl).Result;
    //            if (content.IsNullOrWhiteSpace()) return new List<dynamic>();
    //            var data = content.ToObject<List<dynamic>>();
    //            return data;
    //        }
    //        catch { return new List<dynamic>(); }
    //    }
    //}
}
@section Styles{ <style>.item{border:1px solid #ccc;position:static;border-radius:4px;transition:box-shadow .3s ease-in-out;}.item .item-inner{padding:10px 15px 10px 8px;position:relative;}.item .item-icon{float:left;margin-right:10px;}.item h3{font-size:16px;font-weight:700;margin:0;margin-bottom:0px;line-height:1.4;margin-bottom:5px;height:22px;overflow:hidden;}.item .item-category{float:right;}.item .item-ft{text-align:right;}.item a{color:#333;display:inline-block;text-decoration:none;}.item a.item-btn::before{content:"";position:absolute;transition:all .2s ease-in-out;left:50%;right:50%;bottom:0;border-bottom:2px solid transparent;}.item .item-desc{margin-top:8px;padding:10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.item .item-link{float:left;margin-top:3px;color:#999;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.item-icon img {background-image: url(./images/icon.png);background-repeat: no-repeat;background-position: 0 -455px;}</style>}
@*<div class="layui-fulid micronews-banner w1200">
    <div class="layui-carousel imgbox" id="micronews-carouse">
    <div carousel-item>
    <div>
    <p class="title">去南非旅行需要做什么准备</p>
    <a href="list.html"><img src="../res/static/images/news_img1.jpg"></a>
    </div>
    <div>
    <p class="title">去南非旅行需要做什么准备</p>
    <a href="list.html"><img src="../res/static/images/news_img1.jpg"></a>
    </div>
    </div>
    </div>
    </div>*@
<div class="micronews-container w1200">
    <div class="layui-fluid">
        <div class="layui-row layui-col-space10">
            @foreach (var item in IndexMenus.Menus(ViewData["c"] + "", ViewData["s"] + ""))
            {
                <div class="layui-col-xs12 layui-col-sm4 layui-col-md3">
                    <div class="item tool-pdfmerger">
                        <div class="item-inner">
                            <div class="item-hd">
                                <a target="_blank" href="@(host+item.Link)" class="item-icon">
                                    <img src="" alt="pdfmerger" width="48" height="48" style="background-position:@item.Position;">
                                </a>
                                <h3>
                                    <a target="_blank" href="@(host+item.Link)" title="@Html.Raw(item.Name)">@Html.Raw(item.Name)</a>
                                </h3>
                                <span class="item-category">[<a target="_blank" rel="nofollow" href="@host/index?c=@item.catorgry.Code">@Html.Raw(item.catorgry.Name)</a>]</span>
                                <a title="收藏" class="collectable collect" href="javascript:;" data-slug="pdfmerger" data-url="@host">
                                    <i class="icon collect"></i>@*<var>加入收藏</var>*@
                                </a>
                            </div>
                            <div class="item-bd">
                                <div class="item-desc" title="@Html.Raw(item.Name)">@Html.Raw(item.Name)</div>
                            </div>
                            <div class="item-ft">
                                <a target="_blank" class="item-link" href="@(host+item.Link)">@(host+item.Link)</a>
                                <a target="_blank" class="item-btn" href="@(host+item.Link)">进入</a>
                            </div>
                        </div>
                    </div>
                </div>
            }
        </div>
    </div>
</div>



